<!doctype html>
<html>

	<head>
		<meta charset="utf-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../css/mui.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../css/iconfont.css"/>
		<link rel="stylesheet" type="text/css" href="../css/business/equipmentManage.css"/>
		
	</head>

	<body>
		<div class="mui-content" id="equip-manage-content" v-cloak>
			<header class="mui-bar mui-bar-nav" id="myheader">
				<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
				<h1 class="mui-title">固定资产管理</h1>
			</header>
			<div class="mui-scroll-wrapper"  style="-webkit-overflow-scrolling: touch; margin-top: 25px; background-color: #f7f7f7;">
				<div class="mui-scroll">
					<div class="equip-info-wrapper">
						<div class="info-top-box">
							<div class="box-header-wrapper1">
								<span class="box-header" id="equip-header">资产信息</span>
								<span class="equip-state" :class="stateClassName">{{stateName}}</span>
							</div>
							<div class="equip-info-box" v-show="!showEquipmentDetail">
								<div class="equip-info-item">
									<span class="equip-info-txt">资产编号:</span>
									<span class="equip-info-value">{{zcbh}}</span>
								</div>
								<div class="equip-info-item">
									<span class="equip-info-txt">设备类型:</span>
									<span class="equip-info-value">{{type}}</span>
								</div>
								<div class="equip-info-item">
									<span class="equip-info-txt">所属部门:</span>
									<span class="equip-info-value">{{depart}}</span>
								</div>
								<div class="equip-info-item">
									<span class="equip-info-txt">使用人:</span>
									<span class="equip-info-value">{{user}}</span>
								</div>
								<div class="equip-info-item">
									<span class="equip-info-txt">联系方式:</span>
									<span class="equip-info-value">{{contact}}</span>
								</div>
								<div class="equip-info-item" @tap="showInfoDetail(true)">
									<span>展开</span>
									<span class="mui-icon iconfont icon-xiasanjiaoxing"></span>
								</div>
							</div>
							<div class="equip-info-fold-wrapper" v-show="showEquipmentDetail">
								<div class="equip-info-item">
									<span class="equip-info-txt">资产编号:</span>
									<span class="equip-info-value">{{zcbh}}</span>
								</div>
								<div class="equip-info-item">
									<span class="equip-info-txt">条码编号:</span>
									<span class="equip-info-value">{{tmbh}}</span>
								</div>
								<div class="equip-info-item">
									<span class="equip-info-txt">制衣办编号:</span>
									<span class="equip-info-value">{{zybbh}}</span>
								</div>
								<div class="split-line"></div>
								<div class="equip-info-item">
									<span class="equip-info-txt">设备类型:</span>
									<span class="equip-info-value">{{type}}</span>
								</div>
								<div class="equip-info-item">
									<span class="equip-info-txt">设备名称:</span>
									<span class="equip-info-value">{{name}}</span>
								</div>
								<div class="equip-info-item">
									<span class="equip-info-txt">品牌或厂商:</span>
									<span class="equip-info-value">{{vendor}}</span>
								</div>
								<div class="equip-info-item">
									<span class="equip-info-txt">型号:</span>
									<span class="equip-info-value">{{model}}</span>
								</div>
								<div class="split-line"></div>
								<div class="equip-info-item">
									<span class="equip-info-txt">部门:</span>
									<span class="equip-info-value">{{depart}}</span>
								</div>
								<div class="equip-info-item">
									<span class="equip-info-txt">车间:</span>
									<span class="equip-info-value">{{workshop}}</span>
								</div>
								<div class="equip-info-item">
									<span class="equip-info-txt">使用人:</span>
									<span class="equip-info-value">{{user}}</span>
								</div>
								<div class="equip-info-item">
									<span class="equip-info-txt">联系方式:</span>
									<span class="equip-info-value">{{contact}}</span>
								</div>
								<div class="equip-info-item">
									<span class="equip-info-txt">存放地点:</span>
									<span class="equip-info-value">{{location}}</span>
								</div>
								<div class="equip-info-item auto-height">
									<span class="equip-info-txt">备注:</span>
									<span class="equip-info-value">{{note}}</span>
								</div>
								<div class="split-line"></div>
								<div class="equip-info-item">
									<span class="equip-info-txt">录入人:</span>
									<span class="equip-info-value">{{recorder}}</span>
								</div>
								<div class="equip-info-item">
									<span class="equip-info-txt">录入时间:</span>
									<span class="equip-info-value">{{putindate}}</span>
								</div>
								<div class="equip-info-item" @tap="showInfoDetail(false)">
									<span class="equip-info-txt">收起</span>
								</div>
							</div>
						</div>
						<div class="manage-middle-box" >
							<div class="record-box" v-if="showChange">
								<div class="box-header-wrapper">
									<span class="box-header change-header">{{"变更记录(" + changeData.length + ")"}}</span>
									<!-- <span class="equip-more">更多</span> -->
								</div>
								<div class="equip-change-items">
									<div class="equip-change-item" v-for="item in changeData">
										<span v-if="item.state==0" class="scrap-state"></span>
										<span v-if="item.state==1">{{"变更时间：" + new Date(item.recorddate).toLocaleDateString()}}</span>
										<span v-if="item.state==1">{{"变更人：" + item.name}}</span>
										<span v-if="item.state==1">{{"部门：" + item.depart}}</span>
										<span v-if="item.state==1">{{"车间：" + item.workshop}}</span>
										<span v-if="item.state==1">{{"使用者：" + item.user}}</span>
										<span v-if="item.state==1">{{"联系方式：" + item.contact}}</span>
										<span v-if="item.state==1">{{"备注：" + item.desc}}</span>
										<span v-if="item.state==0">{{"报废时间：" + new Date(item.recorddate).toLocaleDateString()}}</span>
										<span v-if="item.state==0">{{"报废人：" + item.name}}</span>
										<span v-if="item.state==0">{{"报废原因：" + item.scrapreason}}</span>
									</div>
								</div>
							</div>
							<div class="record-box" v-if="showProblem">
								<div class="box-header-wrapper">
									<span class="box-header">{{"故障记录("+ hitchData.length +")"}}</span>
									<!-- <span class="equip-more">更多</span> -->
								</div>
								<div class="equip-problem-items">
									<div class="equip-problem-item" v-for="item in hitchData" >
										<span>{{"上报时间：" + new Date(item.recorddate).toLocaleDateString()}}</span>
										<span>{{"上报人：" + item.name}}</span>
										<span>{{"预计完成时间：" + new Date(item.finishdate).toLocaleDateString()}}</span>
									<!-- 	<span>{{"部门：" + item.depart}}</span>
										<span>{{"车间：" + item.workshop}}</span> -->
										<span>{{"故障类型：" + item.type}}</span>
										<span>{{"描述：" + item.desc}}</span>
									</div>
								</div>
							</div>
							<div class="record-box" v-if="showMaintain">
								<div class="box-header-wrapper">
									<span class="box-header">{{"送修记录(" + maintainData.length + ")"}}</span>
									<!-- <span class="equip-more">更多</span> -->
								</div>
								<div class="equip-maintain-items">
									<div class="equip-maintain-item" v-for="item in maintainData">
										<span>{{"上报时间：" + new Date(item.recorddate).toLocaleDateString()}}</span>
										<span>{{"上报人：" + item.name}}</span>
										<span>{{"设备状态：" + item.state}}</span>
										<span>{{"鉴定人：" + item.surveyor}}</span>
										<span>{{"描述：" + item.desc}}</span>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="manage-bottom-box">
				<span class="operation-item" @tap="toHitchPage" v-show="showAddHitch">故障上报</span>
				<span class="operation-item" @tap="toMaintainPage" v-show="showAddMaintain">送修</span>
				<span class="operation-item" @tap="toChangePage" v-show="showAddChange">变更</span>
				<span class="operation-item" @tap="toCloseHitch" v-show="showEndHitch">故障处理</span>
				<span class="operation-item" @tap="toCloseMaintain" v-show="showEndMaintain">完成送修</span>
			</div>
		</div>
	</body>
	<script src="../js/mui.js"></script>
	<script src="../js/vue.js" type="text/javascript" charset="utf-8"></script>
	<script src="../config.js" type="text/javascript" charset="utf-8"></script>
	<script src="../js/business/equipmentManage.js" type="text/javascript" charset="utf-8"></script>
	
</html>
